﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Jianlizhuce.aspx.cs" Inherits="OnlineRecruit.Jianlizhuce" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
    body {
            background-color: #f0f2f5;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }
  
      footer {
        background-color: #333;
        color: white;
        text-align: center;
        padding: 10px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        }

        .resume-form {
            background: white;
            width: 100%;
            max-width: 600px;
            padding: 2rem;
            border-radius: 10px;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
        }

        .form-title {
            text-align: center;
            color: #1a73e8;
            margin-bottom: 1.5rem;
            font-size: 1.8rem;
        }

        .form-group {
            margin-bottom: 1.2rem;
        }

        label {
            display: block;
            margin-bottom: 0.5rem;
            color: #333;
            font-weight: 500;
        }

        input, 
        textarea,
        select {
            width: 100%;
            padding: 0.8rem;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 1rem;
            transition: border-color 0.3s ease;
        }

        input:focus,
        textarea:focus,
        select:focus {
            outline: none;
            border-color: #1a73e8;
            box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
        }

        .submit-btn {
            background: #1a73e8;
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 5px;
            font-size: 1rem;
            cursor: pointer;
            width: 100%;
            transition: background 0.3s ease;
        }

        .submit-btn:hover {
            background: #1557b0;
        }

        /* 文件上传样式 */
        .file-upload {
            position: relative;
            display: inline-block;
            width: 100%;
        }

        .file-upload input[type="file"] {
            opacity: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
        }

        .file-upload label {
            display: block;
            padding: 0.8rem;
            background: #f8f9fa;
            border: 1px dashed #ddd;
            border-radius: 5px;
            text-align: center;
            color: #666;
        }
    </style>
</head>
<body>
      <form id="form1" runat="server">
        <h1 class="form-title">填写个人简历</h1>

        <div class="form-group">
        <asp:Label AssociatedControlID="fullname" runat="server">姓名</asp:Label>
        <asp:TextBox ID="fullname" runat="server" TextMode="SingleLine" placeholder="请输入您的姓名" required></asp:TextBox>
    </div>

    <div class="form-group">
        <asp:Label AssociatedControlID="email" runat="server">电子邮箱</asp:Label>
        <asp:TextBox ID="email" runat="server" TextMode="Email" placeholder="example@domain.com" required></asp:TextBox>
    </div>

    <div class="form-group">
        <asp:Label AssociatedControlID="phone" runat="server">联系电话</asp:Label>
        <asp:TextBox ID="phone" runat="server"  placeholder="请输入11位手机号" pattern="[0-9]{11}"></asp:TextBox>
    </div>

    <div class="form-group">
        <asp:Label AssociatedControlID="resume" runat="server">上传简历</asp:Label>
        <div class="file-upload">
            <asp:FileUpload ID="resume" runat="server" accept=".pdf,.doc,.docx" required></asp:FileUpload>
            <label for="resume">点击上传文件（PDF/Word）</label>
        </div>
    </div>

    <div class="form-group">
        <asp:Label AssociatedControlID="education" runat="server">最高学历</asp:Label>
        <asp:DropDownList ID="education" runat="server" required>
            <asp:ListItem Text="请选择学历" Value=""></asp:ListItem>
            <asp:ListItem Text="博士" Value="博士"></asp:ListItem>
            <asp:ListItem Text="硕士" Value="硕士"></asp:ListItem>
            <asp:ListItem Text="本科" Value="本科"></asp:ListItem>
            <asp:ListItem Text="大专" Value="大专"></asp:ListItem>
            <asp:ListItem Text="其他" Value="其他"></asp:ListItem>
        </asp:DropDownList>
    </div>

    <div class="form-group">
        <asp:Label AssociatedControlID="experience" runat="server">工作经验（年）</asp:Label>
        <asp:TextBox ID="experience" runat="server" TextMode="Number" min="0" step="0.5" placeholder="请输入工作年限"></asp:TextBox>
    </div>

    <div class="form-group">
        <asp:Label AssociatedControlID="introduction" runat="server">个人简介</asp:Label>
        <asp:TextBox ID="introduction" runat="server" TextMode="MultiLine" Rows="4" placeholder="简要介绍您的专业技能和工作经验..."></asp:TextBox>
    </div>

    <div class="form-group">
        <asp:Button ID="Button1" runat="server" Text="提交简历" CssClass="submit-btn" />
    </div>
      </form>
<footer>
    <p>&copy; 2024 在线招聘网. 版权所有</p>
</footer>
    
</body>
</html>
